<template>
    <div class="login-wrap">

        	<!-- 导航栏 -->
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <!-- <a class="navbar-brand" href=""><span class="logo"><img src="https://www.landleap.com/njkydimages/image/logo.png"></span></a> <span class="hdtxt">奋斗者AI爱招聘</span> -->
                     <span>奋斗者AI爱招聘</span>
                </div>
                <div class="usr_rt">
                    
                   <a @click="toLogin" class="btn btn-primary">登录</a>
                </div>
                <!-- usr_rt -->
            </div>
        </div>
        <div class="warp">
            <div class="container">
                <div class="register wrap_panel">
                    <div class="panel panel-default">
                        <div class="panel-heading">注册账号</div>
                        <div class="panel-body">

                            <div class="register-tab">
                                <ul class="nav nav-pills nav-justified">
                                    <li role="presentation" :class="{active:active==2}" @click="setActive(2)"><a> 个人求职账户注册</a></li>
                                    <li role="presentation" :class="{active:active==1}" @click="setActive(1)"><a>企业账户注册</a></li>
                                  
                                </ul>
                            </div>
                            <!-- /.register-tab -->
                            
                            <!-- 个人注册 -->
                            <div class="register-info " v-if="active==2">
                                <form class="form-horizontal" id="JAYUser">

                              
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>姓名</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control RealName" v-model="userForm.name" placeholder="请输入姓名" >

                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner">请输入姓名</div>
                                            </div>
                                            <!-- /.verify -->
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>昵称</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control RealName" placeholder="用于您的极简简历显示" v-model="userForm.nickName" >

                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner">用于您的极简简历显示</div>
                                            </div>
                                            <!-- /.verify -->

                                        </div>
                                    </div>
                                   
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>手机号码</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control UserTelephone" placeholder="请输入手机号码" v-model="phone" data-options="required:true,validType:[&#39;mobilephone&#39;,&#39;length[11,11]&#39;]">
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner">请输入手机号码</div>
                                            </div>
                                            <!-- /.verify -->

                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>输入验证码</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control ValidateCode" style="width: 285px" v-model="code" placeholder="请输入验证码" data-options="required:true,validType:[&#39;string&#39;,&#39;length[6,6]&#39;]">
                                            <input type="button" class="form-control MobileValidateCode" v-if="showCode" style="width: 110px" value="获取验证码" @click="sendCode">
                                            <input type="button" class="form-control MobileValidateCode" v-else style="width: 110px" :value="time+'秒'" >
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner">请输入验证码</div>
                                            </div>
                                            <!-- /.verify -->
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>工作地</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control UserTelephone" v-model="userForm.workplace" placeholder="可多个" data-options="required:true,validType:[&#39;mobilephone&#39;,&#39;length[11,11]&#39;]">
                                           
                                            <!-- /.verify -->

                                        </div>
                                    </div>
                                    
                                    
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>身份证号码</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control IDCardNum" placeholder="" v-model="userForm.idCard" data-options="required:true,validType:[&#39;idcard&#39;]">
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required"></span></label>
                                        <div class="register-form-control ">
                                            <span style="color: red;">重要提示:</span>一个身份证号码，终生只能注册一个AI爱招聘求职账号，终生不可修改
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required"></span>邀请码</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control UserTelephone" v-model="userForm.inviteCode" placeholder="请填写邀请码" data-options="required:true,validType:[&#39;mobilephone&#39;,&#39;length[11,11]&#39;]">
                                          
                                            <!-- /.verify -->

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required"></span>邀请人</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control UserTelephone" v-model="userForm.inviter" placeholder="请填写邀请人" data-options="required:true,validType:[&#39;mobilephone&#39;,&#39;length[11,11]&#39;]">
                                          
                                            <!-- /.verify -->

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required"></span>邀请人手机号</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control UserTelephone" v-model="userForm.inviterPhone" placeholder="请填写邀请人手机号" data-options="required:true,validType:[&#39;mobilephone&#39;,&#39;length[11,11]&#39;]">
                                          
                                       

                                        </div>
                                    </div>
                                </form>
                            </div>
                    

                            <!-- 企业注册 -->
                            <div class="register-info " v-if="active==1">
                                <form class="form-horizontal" id="JAYUser">
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>手机号码</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control UserTelephone" v-model="phone" placeholder="请输入手机号码" data-options="required:true,validType:[&#39;mobilephone&#39;,&#39;length[11,11]&#39;]">
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner">请输入手机号码</div>
                                            </div>
                                     

                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>输入验证码</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control ValidateCode" v-model="code" style="width: 285px" placeholder="请输入验证码" data-options="required:true,validType:[&#39;string&#39;,&#39;length[6,6]&#39;]">
                                            <input type="button" class="form-control MobileValidateCode" v-if="showCode" style="width: 110px" value="获取验证码" @click="sendCode">
                                            <input type="button" class="form-control MobileValidateCode" v-else style="width: 110px" :value="time+'秒'" >
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner">请输入验证码</div>
                                            </div>
                                            <!-- /.verify -->

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required"></span>邀请码</label>
                                        <div class="register-form-control">
                                            <input id="UserID" type="text" class="form-control UserID" v-model="form.inviteCode"  placeholder="请填写邀请码" data-options="required:true,validType:[&#39;email&#39;]">
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required"></span>邀请人</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control UserTelephone" v-model="form.inviter" placeholder="请填写邀请人">
                                            
                                            <!-- /.verify -->

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required"></span>邀请人手机号</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control UserTelephone" v-model="form.inviterPhone" placeholder="请填写邀请人手机号" >
                                            
                                            <!-- /.verify -->

                                        </div>
                                    </div>

                                    
                                    

                                    <div class="register-tag">公司信息</div>

                                    <div class="form-group">
                                        <label class="register-form-label control-label "><span class="required">*</span>企业名称</label>
                                        <div class="register-form-control">
                                            <input id="CompanyNameSX" type="text" class="form-control" v-model="form.name" placeholder="请输入企业名称" >
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label "><span class="required">*</span>上传营业执照</label>
                                        <div class="register-form-control">
                                            <a class="BusinessLicense" v-if="form.licenceImg"> <img :src="form.licenceImgUrl" style="height: 80px; width: 80px"> <span @click="deleteImg">删除</span></a> 
                                            
                                            <div class="upload_div">
                                                <i class="el-icon-plus"></i>
                                                <input type="file" accept="image/*" @change="changeFile">
                                            </div>
                                           
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label ">企业统一社会信用代码</label>
                                        <div class="register-form-control">
                                            <input id="BusinessLicenseCode" type="text" v-model="form.creditCode" class="form-control " placeholder="请输入企业统一社会信用代码" data-options="required:false,validType:[&#39;string&#39;,&#39;length[4,30]&#39;]">
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>联系人</label>
                                        <div class="register-form-control CompanyContactMen">
                                            <input id="CompanyContactMen" type="text" v-model="form.contactName" class="form-control" placeholder="请输入联系人" style="width: 280px" data-options="required:true,validType:[&#39;string&#39;]">
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>联系人手机号码</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control UserTelephone" v-model="form.contactPhone" placeholder="请输入手机号码" data-options="required:true,validType:[&#39;mobilephone&#39;,&#39;length[11,11]&#39;]">
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner">请输入手机号码</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required"></span>座机号码</label>
                                        <div class="register-form-control CompanyContactPhone">
                                            <input id="CompanyContactPhone" type="text" v-model="form.landlineNumber" class="form-control" placeholder="请输入座机号码" data-options="required:true,validType:[&#39;linkphone&#39;]">
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>工作邮箱</label>
                                        <div class="register-form-control">
                                            <input type="text" class="form-control UserTelephone" v-model="form.email" placeholder="请输入工作邮箱" data-options="required:true,validType:[&#39;mobilephone&#39;,&#39;length[11,11]&#39;]">
                                            <div class="verify tooltip right hide">
                                                <span class="tooltip-arrow"></span>
                                                <div class="tooltip-inner">请输入工作邮箱</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>企业规模</label>
                                        <div class="register-form-control ">
                                            <el-select v-model="form.enterpriseScale" multiple  placeholder="请选择" style="width: 400px">
                                                <el-option
                                                    v-for="item in enterpriseScaleList"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value">
                                                </el-option>
                                            </el-select>
                                           


                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>所属行业</label>
                                        <div class="register-form-control CompanyTradeGUIDs">
                                            <div class="select_input" style="width:400px" @click="showSelectEnterpriseIndustry(form,'enterpriseIndustry','enterpriseIndustryName')">
                                                <span>{{form.enterpriseIndustryName}}</span>
                                            </div>
                                            <!-- <el-cascader
                                                :options="enterpriseIndustry"
                                                placeholder="请选择或搜索所属行业"
                                                v-model="form.enterpriseIndustry"
                                                style="width: 400px;"
                                                :props="props"
                                                filterable
                                                clearable>
                                            </el-cascader> -->
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>企业性质</label>
                                        <div class="register-form-control ">
                                            <el-select v-model="form.enterpriseNature" placeholder="请选择" style="width: 400px">
                                                <el-option
                                                v-for="item in enterpriseNatureList"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value">
                                                </el-option>
                                            </el-select>
                                           
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label CompanySite">公司网址</label>
                                        <div class="register-form-control">
                                            <input id="CompanySite" type="text" class="form-control"  v-model="form.officialWebsite" placeholder="请输入公司网址"/>
                                         
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required"></span>微信公众号</label>
                                        <div class="register-form-control ">
                                            <input id="CompanySite" type="text" class="form-control" v-model="form.wechatOfficialAccount" placeholder="请输入微信公众号">
                                         
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>企业人数</label>
                                        <div class="register-form-control ">
                                            <input id="CompanySite" type="number" class="form-control" v-model="form.staffsNum" placeholder="请输入企业人数">
                                          
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required">*</span>企业介绍</label>
                                        <div class="register-form-control ">
                                            <textarea rows="5" id="CompanyProfile" class="form-control CompanyProfile" placeholder="请输入企业介绍"></textarea>
                                           
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="register-form-label control-label"><span class="required"></span>说明:</label>
                                        <div class="register-form-control ">
                                            1、注册后可在系统信息里，进一步完善公司信息、设置公司子账号、下属机构；<br>
                                            2、注册后请尽快完成营业执照上传，否则账号将会被暂停服务。
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="protocol">
                                <input id="IsAgree" type="checkbox">我已阅读并同意<a href="https://www.landleap.com/Agreement" target="_blank">《AI爱招聘用户协议》</a>
                            </div>
                            <!-- /.protocol -->
                            <div class="register-action">
                                <input type="button" value="创建账号" @click="toRegister" class="btn btn-primary btn-lg">
                            </div>
                            <!-- /.register-action -->


                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.register -->
            </div>
        </div>

        <div class="footer">
            <div class="container">
                <p class="text-muted">
                    Copyright © 兰普人力资源（南京）有限公司<span>|</span><a href="https://beian.miit.gov.cn/">苏ICP备10208522号 <span></span></a>|<img alt="" src="https://www.landleap.com/njkydimages/image/beian.png">公安机关备案号：32011502010301<span>|</span><a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action">工业和信息化部</a>
                    <!-- <span>|</span>Powered by <a href="http://www.njkyd.com">南京科翼达信息科技有限公司</a> -->
                </p>
            </div>

        </div>

         <enterprise-industry @closeSelect="closeSelect" :haveSelect="haveSelect" v-if="showSelectIndustry" @saveData="saveData" :title="'选择行业'" :selectArry="enterpriseIndustry"></enterprise-industry>
    </div>
</template>
<script >
 import {
  regionData,
  codeToText
} from "element-china-area-data";
import enterpriseIndustry from '@/components/enterPriseindustry.vue'
 import homeapi from '@/api/api.js'
import until from '@/api/until'
    export default {
        name: 'login',
        data(){
            return{
                phone:"",
                haveCheck:false,
                code:"",
                title:"",
                loginType:1,
                loginCode:1,
                active:2,
                form:{
                    annualRevenue:"",
                    annualRevenueName:'',
                    contactName:"",
                    creditCode:"",
                    email:"",
                    enterpriseIndustry:"",
              
                    enterpriseNature:"",
            
                    enterpriseScale:[],
                
                    landlineNumber:"",
                    licenceImg:"",
                    licenceImgUrl:"",
                    listingType:[],
                    listingTypeName:"",
                    name:"",
                    officialWebsite:"",
                    phone:"",
                    staffsNum:"",
                    staffsNumName:'',
                    wechatOfficialAccount:"",
                    inviteCode:"",
                    inviter:"",

                    inviterPhone:"",

                },

                userForm:{
                    inviteCode:"",
                    inviter:"",
                    inviterPhone:"",
                    name:"",
                    nickName:"",
                    workplace:"",
                    idCard:"",
                    personHighestDegree:{
                        
                    },
                    personImportantUnits:{

                    }
                },
                enterpriseScaleList:[],
                enterpriseIndustry:[],
                enterpriseNatureList:[],
                staffsNumList:[],

                regionDatas: regionData,
                cateProps: {
                    value: "value",
                    label: "label",
                    children: "children",
                },
                props:{
                    value: "id",
                    label: "text",
                    children: "children",
                    multiple: true 
                  
                },
                showCode:true,
                time:60,

                
                showSelectIndustry:false,


                nowItem:{},
                nowType:"",
                nowName:"",
                haveSelect:[],
            }
        },
        components: {
            enterpriseIndustry
        },
        mounted(){
            let title=this.$route.query.title
            if(title){
                this.title=title
            }
            else{
                this.title="AI爱招聘-注册"
            }
            this.getDictList();
            this.getIndustryList();
        },
        methods:{

            saveData(item){
                this.nowItem[this.nowType]=item.arryList
                this.nowItem[this.nowName]=item.arryName
                this.closeSelect();
            },
            showSelectEnterpriseIndustry(nowItem,nowType,nowName){
                this.nowItem=nowItem
                this.nowType=nowType
                this.nowName=nowName

                this.haveSelect=nowItem[nowType]

                this.showSelectIndustry=true
            },
            closeSelect(){
                this.showSelectIndustry=false;
            },



            toLogin(){
                this.$router.push("/login/loginnew")
            },
            setActive(type){
                this.active=type;
            },
            //获取数据字典
            async getDictList(){
                let data=await homeapi.getDictList();
                if(data.code==200){
                    this.enterpriseScaleList=data.result.enterpriseScale
                    this.enterpriseNatureList=data.result.enterpriseNature
                    this.staffsNumList=data.result.staffsNum
                }
            },
            deleteImg(){
                this.form.licenceImg=""
                this.form.licenceImgUrl=""
            },

              //获取行业列表
            async getIndustryList(){
                let data=await homeapi.getIndustryList();
                if(data.code==200){
                    data.result.map(res=>{
                        res.text=res.name;
                        if(res.child.length>0){
                            res.child.map(json=>{
                                json.text=json.name
                            })
                            res.children=res.child;
                            res.children.map(json=>{
                                if(json.child.length>0){
                                    json.child.map(item=>{
                                        item.text=item.name
                                    })
                                    json.children=json.child

                                }
                               
                            })
                        }
                        
                    })
                    
                    this.enterpriseIndustry=data.result
                    
                }
            },




            async sendCode(){
                let phone=this.phone
                
                if(phone.length!=11){
                    this.$message.error("请传入正确的手机号")
                    return false;
                }
          
                let data=await homeapi.sendCode({phone});
              
                if(data.code==200){
                   this.showCode=false
                   this.form.contactPhone=phone
                   this.getTimeNext();
                }
                else{
                    this.$message.error(data.message)
                   
                }
            },

            getTimeNext(){
                if(this.time>0){
                    this.time=this.time-1;
                    setTimeout(()=>{
                        this.getTimeNext();
                    },1000)
                }
                else{
                    this.showCode=true;
                    this.time=60
                }
            },
            setCheck(){
                this.haveCheck=true;
            },
            async toRegister(){
                if(this.active==2){
                    let code=this.code
                    let phone=this.phone
            
                    let type=this.active
                    let form=this.userForm;
                    form.code=code;
                    form.phone=phone
                    this.loading=true;
                    let data=await homeapi.registerUser(form);
                    if(data.code==200){
                        this.$message.success("注册成功")
                        until.setCookie("token",data.result);
                        this.$router.push("/user")
                 
                    
                    }
                    else{
                        this.loading=false
                        this.$message.error(data.message)
                    }
                }
                else{
                    let code=this.code
                    let phone=this.phone
                    let type=this.active
                    let form=this.form;
                    form.code=code;
                    form.phone=phone
                    this.loading=true;
                    let data=await homeapi.registerCompany(form);
                    if(data.code==200){
                        this.$message.success("注册成功")
                        until.setCookie("token",data.result);
                        this.$router.push("/")
                       
                    
                    
                    }
                    else{
                        this.loading=false
                        this.$message.error(data.message)
                    }
                }
               
            },
            async getUserInfo(){
				let data=await homeapi.getUserinfo();
				if(data.code==402){
				
				}
				if(data.code==403){
                    this.$router.push("/company")
					
				}
				if(data.code==200){

				}
				
			},
       
            async sureEdit(){
                if(this.active==1){
                    let form=this.form;
               
                    let data=await homeapi.editCompany(form);
                    if(data.code==200){
                        this.loading=false
                        this.$message.success("注册成功")
                        this.$router.push("/")
                    }
                }  
                else{
                    let form=this.form;
               
                    let data=await homeapi.editUser(form);
                    if(data.code==200){
                        this.loading=false
                        this.$message.success("注册成功")
                        this.$router.push("/")
                    }
                } 
                
            },
            async changeFile(e){
                if(e.target.files.length>0){
                    let file=e.target.files[0]
                    var formData = new FormData();
                    // 服务端要求参数是 pic1 
                    formData.append('file',file);
                    let data=await homeapi.uploadFile(formData);
                    if(data.code==200){
                       
                       this.form.licenceImgUrl=data.result.url
                       this.form.licenceImg=data.result.path
                    }
                }
               
            }


        }
    }

</script>

<style scoped lang="less">
   .footer{
        position: fixed;
    }
    .navbar-header{
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .navbar-header span{
        font-size: 24px;
        color: #FC7B24;
        font-weight: bold;
    }
    .upload_div{
        width: 80px;
        height: 80px;
        border: 1px solid #e6e6e6;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
    }
    .upload_div input{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }
    .upload_div i{
        font-size: 18px;
    }
    .register-form-control{
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
</style>

